

$(document).ready(function(){

//----------------------------------------------------------------------------------------------------------
    $.ajax({
            url: 'http://localhost:26/ecomerce/productos/carrito',
            type:'GET',
            dataType: 'jsonp',
            jsonpCallback:'carritoMobile',
            beforeSend: function() {
                                $('#CarritoContenido').html("Cargando Carrito<img src='jqueryMobile/images/ajax_small.gif'/>");
                            }
        });
//-----------------------------------------------------------------------------


$.ajax({
            url: 'http://localhost:26/ecomerce/productos/listaproductos',
            type:'GET',
            dataType: 'jsonp',
            jsonpCallback:'TodosProductos',
            beforeSend: function() {
                                $('#contenido').html("Cargando Productos<img src='jqueryMobile/images/ajax_small.gif'");
                            }
        });



//_---------------------------------------------------------------------------------------------------------

$('#categoria').change(function() {

	var option = $('#select-categorias').val();
	if(option == "todos"){

		$.ajax({	
            url: 'http://localhost:26/ecomerce/productos/listaproductos',
            type:'GET',
            dataType: 'jsonp',
            jsonpCallback:'TodosProductos',
             beforeSend: function() {
                                $('#contenido').html("Cargando Productos<img src='jqueryMobile/images/ajax_small.gif'");
                            }
        });


	}
	
else {

$.ajax({

            url: 'http://localhost:26/ecomerce/productos/productos_categorias/' + option,
            type:'GET',
            dataType: 'jsonp',
            jsonpCallback:'llenarProductos',
             beforeSend: function() {
                                $('#contenido').html("Cargando Productos<img src='jqueryMobile/images/ajax_small.gif'");
                            }

        });

	}

});
//---------------------------------------------------------------------------------------------------------



$(document).on('change','.cant',function(e) {

    var cantidadProd = $(this).val();
    var idProduc = $(this).attr('data-id');
    
        $.ajax({    
            url: 'http://localhost:26/ecomerce/productos/cantidadcarrito/'+idProduc+'/'+cantidadProd,
            type:'GET',
            dataType: 'jsonp',
            jsonpCallback:'carritoMobile'
        });


    });

//---------------------------------------------------------------------------------------------------------

$.ajax({
 			url: 'http://localhost:26/ecomerce/Categorias/listacategorias',
			Type:'GET',
            dataType: 'jsonp',
			jsonpCallback:'llenarlistbox',
             beforeSend: function() {
                                $('#contenido').html("Cargando Productos<img src='jqueryMobile/images/ajax_small.gif'");
                            }
 	});

//--------------------------------------------------------------------------------------------------------



//--------------------------------------------------------------------------------------------------------


});

//FIN DOCUMENT ON READY
//----------------------MOSTRAR DETALLE PRODUCTO-------------------------------

$(document).on("click",".contenedor",function(e){
                
        var idPro = $(this).attr("data-id");
        
            $.ajax({    
                url: 'http://localhost:26/ecomerce/productos/productobusq/'+ idPro,
                type:'GET',
                dataType: 'jsonp',
                jsonpCallback:'ProductoID'
            });
        });


//----------------------Eliminar PRODUCTO del carrito-------------------------------

$(document).on("click",".borrarcarrito",function(e){
                
        var elimCarrito = $(this).attr("data-id");
        alert(elimCarrito);
            $.ajax({    
                url: 'http://localhost:26/ecomerce/productos/eliminarproductocarro/'+ elimCarrito,
                type:'GET',
                dataType: 'jsonp',
                jsonpCallback:'carritoMobile'
            });
        });


//-----------------------CAMBIAR CANTIDAD AL CARRITO------------------------------------

$(document).on("change", ".cant", function(e) {

    var idproducto = $(this).attr('data-id');
    var cantidad = $(this).val();
    $.ajax({
        url:'http://localhost:26/ecomerce/Productos/cantidadcarrito/' + idproducto + '/' + cantidad, 
        type: 'POST',
        dataType:'jsonp',
        jsonpCallback:'carritoMobile'   
    });
});


//---------------ADD Carrito--------------------------------------------

$(document).on("click",".addCarrito",function(e){
                
        var idProducCarrito = $(this).attr("data-producCarrito");
        
            $.ajax({    
                url: 'http://localhost:26/ecomerce/productos/carrito/'+ idProducCarrito,
                type:'GET',
                dataType: 'jsonp',
                jsonpCallback:'carritoMobile'

            });
            alert("Producto Agregado");
        });


//-------------------------------------------------------------------------------------------------------


function validateForm()
{
var x=document.forms["formCarrito"]["cant"].value;
if ( x=="")
  {
  alert("Ingrese una cantidad");
  return false;
  }
}


//---------------------------------------------------------------------------------------------------------
function llenarlistbox(data) {
        
                var listacat = '<select id="select-categorias"><option value="todos">Ver Todos</option>';
                $.each(data, function(item) {
                    var idCat = data[item].Categoria.id;
                    var cat = data[item].Categoria.categoria;
                    listacat += '<option value=' + idCat + '>' + cat + '</option>';
                });
                listacat += '</select>';
                $('#categoria').html(listacat);
          
    }



//------------------SESION----------------------------------------------------------

        //CLICK DENTRO DEL DIALOG LOGIN

    
    $(document).on("click", "#entrar", function(e) {
        e.preventDefault();

        $.ajax({
            url: "http://localhost:26/ecomerce/users/loguear",
            type: "POST",
            dataType: 'jsonp',
            data: $("#formlogin").serialize(),
            jsonp: 'inicioSesion2'
        });
    });

//-----------------------------------------------------------------------------------------------

           function inicioSesion2 (data) {

                alert("ola k ase");

                if (data == 0) {
                    alert("Debe llenar ambos campos");
                } else if (data == 1) {
                    alert("Usuario y/o contraseña no existen");
                } else if (data == 2) {
                    alert("Usuario no habilitado");
                } else if (data.Tipo == "admin") {
                    alert("Bienvenido, ahora puedes comprar");
                    $("#footercarrito").load(location.href + " #footercarrito");
                     $("#logindiv").dialog("close");
                } else if (data.Tipo == "cliente") {
                    alert("Bienvenido,ahora puedes comprar");
                    $("#footercarrito").load(location.href + " #footercarrito");
                     $("#logindiv").dialog("close");
                }     
            
            }
            
//--------------------ADD-------------------------------------------------------------------------

$("#enviarAdd").click(function(e) {
            e.preventDefault();
            var file=$("#filenameusu").val();
            if((file)==""){
             $("#filenameusu").val("default.jpg");
            }
            var rutu=$("#rut").val();
            var emailm=$("#email").val();
             $("#rutmsj").val(rutu);
            $("#emailmsj").val(emailm);
         
            $.ajax({
                url: "http://localhost:26/ecomerce/users/add",
                type: "POST",
                dataType:'jsonp',
                data: $("#agregar").serialize(),
                jsonpCallback:'agregarUsuario',
                success: function() {
                    if ($("#userfile").val()) {
                        $.ajax({
                            url: "http://localhost:26/ecomerce/mensajes/send",
                            type: "POST",
                            dataType:'jsonp',
                            jsonpCallback:'envioMensaje',
                            data: $("#sendmsj").serialize(),
                            
                            success: function(data) {
                                alert(data)
                                $('#gifenviar').html("Correo enviado ");
                            }
                        });

                        //$("#proguser").show();
                        //LUEGO DE AGREGAR AL USUARIO SE SUBE LA IMAGEN CORRESPONDIENTE
                        $("#userfile").upload("http://localhost:26/ecomerce/users/subirimagen", function(e) {
                            // $("#respuesta").html(e);

                            //  $("#divuser").dialog("close");
                            //  window.location.href = "http://localhost:26/ecomerce/users/login";
                            //  $("#proguser").hide();
                        }, $("#proguser"));

                    } else {
                       
                        $.ajax({
                            url: "http://localhost:26/ecomerce/mensajes/send",
                            type: "POST",
                            dataType:'jsonp',
                            jsonpCallback:'mensajeenviado',
                            data: $("#sendmsj").serialize(),
                            
                            success: function(data) {
                                $("#formuser").trigger("reset");
                                $('#gifenviar').html("Correo enviado");
                                   window.location.href = "http://localhost:26/ecomerce/users/login";
                            }
                        });
                    }
                },
                error: function() {
                    alert("No fue agregado");
                }
            });

        });
//------------------------------------------------------------------------------------------------------------







//------------------------------Mostrar Detalle producto---------------------------------------------

function ProductoID(data) {
      
        var detalle ='';
        var nombreHead='';
        
        var imagenes = data.Imagene;   
        var nombre= data.Producto.producto; 
  
        nombreHead += '<center><p>'+nombre+' </p><center>';

                $.each(imagenes, function(item3) {
                        detalle += '<div class="contenedor" ><div class="imagenPro"><img src="http://localhost:26/ecomerce/img/uploads/imagene/filename/' + imagenes[item3].filename + '" height="100px" width="100px"></div>';
                        return false;
                    }); 

        detalle += '<div class="detallePro">'+data.Producto.detalleProducto+'</div></div>';
        detalle += '<div class="nomPro">Precio: $ '+data.Producto.precioVenta+'</div>';

        
        detalle += '<div class="nomPro"><button class="addCarrito" data-producCarrito="'+data.Producto.id+'">Agregar al Carrito</button></div>';
      

        $('#head').html(nombreHead);
        $('#dato').html(detalle);
       
    }




    //---------------------------------------------------------------------------------------------------------


      
        function carritoMobile(data) {
        carritolist ='<table class=""><tr class="tabla"><td class="row">Nombre</td><td class="row">Valor Unid.</td><td class="row">Cantidad</td><td class="row">Sub-Total</td><td class="row">Quitar</td></tr>';
        var precio = 0;
        var cantidad = 0;
        var subtotal = 0;
        var total = 0;  
        var cont = 0;         
            
                if (data != null) {


                    $.each(data, function(item2) {
                        precio = data[item2].Precio;
                        cantidad = data[item2].Cantidad;
                        subtotal = precio * cantidad;
                        nombrePro = data[item2].Producto
                        total += subtotal;
                        cont = cont+1;
                        carritolist += '<tr id=artcarrito data-id="' + data[item2].Id + '" class="column" >';
                        

                        carritolist += '<td class="row"><span class="namepcarr">' + nombrePro + '</td> <td class="row">$ ' + data[item2].Precio + ' </td>';
                        carritolist += '<td class="row"><input data-id=' + data[item2].Id + ' type="number" min="1" max="99" class="cant" value=' + data[item2].Cantidad + ' /> </td>';

                        carritolist += '<td class="row"><span class="subt">$ ' + subtotal + '</span></td>';
                        carritolist += '<td class="row"><button data-id=' + data[item2].Id + ' class="borrarcarrito">x</button></td>';
                        carritolist += '</tr>';
                    });
                    if (carritolist != "") {
                        $("#CarritoContenido").html(carritolist);
                        $("#totalVenta").html("Total: $" + total);
                    } else {
                        carritolist = '<article class="productocarrito"><h2>No hay productos en el carro</h2></article>';
                    }
                } 
                else 
                {
                    carritolist = '<article class="productocarrito"><h2>No hay productos en el carro</h2></article>';
                }
                carritolist += '</table><br/>';
                document.getElementById("valueCarrito").value=total;
               
                $("#contador").html(" Carrito ("+cont+") ");
                $("#divcarrito").html(carritolist);
                $("#totalcarrito").html("Total: $" + total);
            }

    

//------------------------------------------------------------------------------------------------------------
function llenarProductos(data) {
        var listaproductos = '';
        var idCat = $("#select-categorias").val();
           
                $.each(data, function(item2) {
                    
                    var producID = data[item2].Producto.id;

                    listaproductos += '<div class="contenedor" data-id="'+producID+'"><article class="article" value="'+data[item2].Producto.id+'">';
                    var imagenes = data[item2].Imagene;
                    $.each(imagenes, function(item3) {
                        listaproductos += '<div class="div1"><a href="#Producto" data-rel="dialog"  data-transition="slidedown" ><img src="http://localhost:26/ecomerce/img/uploads/imagene/filename/' + imagenes[item3].filename + '" height="100px" width="100px"></a></div>';
                        return false;
                    });
                     listaproductos += '<div class="div2"><p><h2> Producto: ' + data[item2].Producto.producto + '</h2></p>';
                    listaproductos += '<p> $: '+data[item2].Producto.precioVenta+'</p></div>'; 
                    
                    listaproductos += '<div class="div3"><button class="addCarrito" data-producCarrito="'+producID+'">add</button></div></article></div>';

                });

                $('#contenido').html(listaproductos);     



    }


//-----------------------------------------------------------------------------------------------------------   

function TodosProductos(data) {
        var listaproductos = '';
        
                

                $.each(data, function(item2) {

                    var imagenes = data[item2].Imagene;
                    var producID = data[item2].Producto.id;
                    listaproductos += '<div class="contenedor" data-id="'+producID+'"><article>';
                             
                    $.each(imagenes, function(item3) {
                        listaproductos += '<div class="div1" ><a href="#Producto" data-rel="dialog"  data-transition="slidedown" ><img src="http://localhost:26/ecomerce/img/uploads/imagene/filename/' + imagenes[item3].filename + '" height="100px" width="100px"></a></div>';
                        return false;
                    });
                    listaproductos += '<div class="div2"><p><h2> Producto: ' + data[item2].Producto.producto + '</h2></p>';
                    listaproductos += '<p> $: '+data[item2].Producto.precioVenta+'</p></div>'; 
                    
                    listaproductos += '<div class="div3"><button class="addCarrito" data-producCarrito="'+producID+'">add</button></div></article></div>';

                });

                
                $('#contenido').html(listaproductos);
            
    }


   


//-----------------------------------------------------------------------------------------------------------   